@CHARSET "UTF-8";
/*
Copyright (c) 2012, Yockii All rights reserved.
Code licensed under the BSD License:
version: 0.0.1
*/
body{
	background: url("../image/background.jpg");
}
#header{
	width: 100%;
	height: 20px;
	background-color: red;
}
#sys{
	margin-left: 30px;
	width: 300px;
	float: left;
}
#user{
	width: 200px;
	float: right;
	text-align: right;
	margin-right: 30px;
}
.container {
	position: absolute;
	top: 20px;
	width: 80%;
	min-width: 960px;
	padding-left: 10%;
	padding-right: 10%;
	height: 540px;
}
#nextContainer, #preContainer{
	position: absolute;
	top:30%;
	bottom: 30%;
	right: 0;
	height: 200px;
	width: 100px;
}
#preContainer{
	left: 0;
}
#nextContainer:hover, #preContainer:hover{
	background-color: red;	
}
#back{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100px;
	width: 100px;
	opacity: 0;
	background-color: red;
	display: none;
	z-index: 9999;
}
#back:hover{
	opacity: 0.5;
}
#footer{
	position: absolute;
	width: 100%;
	height: 30px;
	bottom: 0;
	background-color: green;
}
.page{
	position: absolute;
	background: white;
	display: none;
	overflow: hidden;
}
.box{
	width: 300px;
	height: 180px;
	margin: 10px;
	float: left;
	background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.75)
		), to(rgba(222, 231, 233, 0.7) ) ); /* 半透明渐变背景 */
	border: 1px rgba(0, 0, 0, 0.24) solid; /* 半透明边框 */
	-webkit-border-radius: 3px; /* 边框圆角 */
	box-sizing: border-box; /* 盒子模型 */
	-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 7px; /* 盒阴影 */
	z-index: 1;
}
.box:hover{
	opacity: 0.2;
}
.noLink{
	background: url("../image/newFunc.png");
}
.inner-box{height: 100%; width: 100%;z-index:0; background-color: red;}
.hidden{
	display: none;
}